<template>
  <div class="home">
    <!-- <img alt="Vue logo" src="../assets/logo.png" />
    <HelloWorld msg="Welcome to Your Vue.js App" />
    <md-input-item name="input" :errors="errors.first('input')">
    </md-input-item> -->
    <header class="header">
      <h1 class="tit">{{this.$route.meta.title}}</h1>
    </header>
    <div class="main">
      <router-view />
    </div>
  </div>
</template>

<script>
// @ is an alias to /src
import HelloWorld from "@/components/HelloWorld.vue";

export default {
  name: "home",
  components: {}
};
</script>
<style lang="stylus" scoped>
.home
  display flex
  flex-direction column
  height 100%
  overflow hidden
  .header
    min-height 50px
    padding 0 15px
    line-height 50px
    background #06469e
    .tit
      font-size 18px;
      font-weight normal
      color #ffffff
      text-align center
  .main
    flex 1
    height 100%
    overflow-x hidden
    overflow-y auto
</style>
